@charset "UTF-8";
@-webkit-keyframes move {}
em {
  font-style: normal; }

body {
  position: relative;
  resize: both;
  z-index: 0; }

.border-1 {
  left: 0;
  bottom: 0;
  border-top: 1px solid #f3f5f7;
  width: 100%;
  content: ''; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfloat::after {
  content: '';
  display: block;
  clear: both; }

i {
  font-style: normal; }

body {
  background: #fff !important; }

html {
  font-size: 100%; }

#app {
  height: 100%;
  width: 100%;
  position: relative; }

.index-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .index-data .mainimg {
    display: inline-block;
    max-height: 4.7333333333rem !important;
    cursor: pointer; }
  .index-data #video-box {
    width: 10rem;
    height: 5.6266666667rem;
    background: none no-repeat; }
  .index-data .loadOver {
    padding: 15px 0;
    text-align: center;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    width: 9.7333333333rem;
    margin-bottom: 0rem; }
  .index-data .tabgoods_new {
    background-color: #f7f7f7;
    padding: 0.32rem 0 0rem 0.2666666667rem;
    height: 100%;
    -webkit-overflow-scroll: touch;
    cursor: pointer; }
    .index-data .tabgoods_new .goodsgroup {
      margin-bottom: 0.4533333333rem;
      border-radius: 0.4rem;
      width: 9.4666666667rem;
      height: 8rem;
      background: #fff no-repeat;
      border-radius: 0.4rem;
      box-shadow: 0px 0.04rem 0.1333333333rem 0px rgba(0, 0, 0, 0.16);
      cursor: pointer; }
      .index-data .tabgoods_new .goodsgroup .mainImgUrl_group {
        position: relative;
        width: 9.4666666667rem;
        height: 4.8rem;
        background: none no-repeat; }
        .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .tabgoods_new_img {
          width: 9.4666666667rem;
          height: 4.8rem;
          background: none no-repeat;
          border-radius: 0.4rem 0.4rem 0 0;
          cursor: pointer; }
        .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num {
          position: absolute;
          top: 3.8666666667rem;
          left: 0rem;
          z-index: 0;
          width: 3.4666666667rem;
          height: 0.6666666667rem;
          background: none no-repeat;
          font-size: 0.3733333333rem;
          line-height: 0.6666666667rem;
          color: #fff; }
          .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
            width: 3.4666666667rem;
            height: 0.6666666667rem;
            background: none no-repeat; }
          .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num span {
            position: absolute;
            top: 0;
            display: inline-block;
            width: 3.4666666667rem;
            height: 0.6666666667rem;
            background: none no-repeat;
            letter-spacing: 0.0266666667rem;
            text-align: center;
            z-index: 1; }
      .index-data .tabgoods_new .goodsgroup .textgooods {
        width: 100%;
        height: 3.2rem;
        background: none no-repeat;
        position: relative; }
        .index-data .tabgoods_new .goodsgroup .textgooods strong {
          display: block;
          margin-top: 0.24rem;
          margin-left: 0.2666666667rem;
          font-size: 0.4266666667rem;
          line-height: 0.64rem;
          color: #333333;
          width: 8.9333333333rem;
          height: auto;
          background: none no-repeat;
          letter-spacing: 0.04rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .index-data .tabgoods_new .goodsgroup .textgooods .tabgoods_new_count {
          display: block;
          font-size: 0.32rem;
          line-height: 0.5333333333rem;
          color: #999;
          padding-left: 0.2666666667rem; }
        .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail {
          width: 9.2rem;
          height: 1.7866666667rem;
          background: none no-repeat;
          margin-top: 0.0266666667rem;
          margin-left: 0.2533333333rem; }
          .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left {
            width: 4rem;
            height: auto;
            background: none no-repeat; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b {
              display: block;
              font-size: 0.3733333333rem;
              line-height: 1.7866666667rem;
              color: #FF8E9C;
              letter-spacing: -0.0133333333rem; }
              .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b span {
                display: inline-block;
                font-size: 0.3733333333rem;
                line-height: 1.7866666667rem;
                color: #FF8E9C; }
              .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b span:nth-of-type(1) {
                padding-left: 0.08rem; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left span {
              display: block;
              font-size: 0.2933333333rem;
              line-height: 0.56rem;
              color: #999999; }
          .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_right {
            width: 1.9466666667rem;
            height: 1.7866666667rem;
            background: none no-repeat;
            display: flex;
            flex-flow: column;
            margin-right: 0.2533333333rem;
            justify-content: center;
            cursor: pointer; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_right span {
              width: 1.9466666667rem;
              height: 0.6933333333rem;
              background: #FF8E9C no-repeat;
              border-radius: 0.6933333333rem;
              text-align: center;
              font-size: 0.3466666667rem;
              line-height: 0.6933333333rem;
              color: #fff;
              cursor: pointer; }
    .index-data .tabgoods_new .last {
      margin-bottom: 0; }

.none_data {
  width: 100%;
  position: absolute;
  text-align: center;
  color: #bf9595;
  font-size: 14px;
  margin-top: 80px; }
  .none_data img {
    display: inline-block;
    width: 57px;
    margin-bottom: 10px; }
  .none_data p {
    text-align: center;
    color: #999;
    font-family: '微软雅黑';
    font-size: 0.4rem;
    line-height: 0.6666666667rem;
    color: #999; }
